<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>

<body>

<p id="demo"></p>
<button onclick="getLocation()">获取经纬度</button>


</body>
<script>
// https://blog.csdn.net/Jioho_chen/article/details/83592630

var x=document.getElementById("demo");
var x2=document.getElementById("hideval");
function getLocation(){    //检测是否支持地理定位 如果支持，则运行 getCurrentPosition() 方法。如果不支持，则向用户显示一段消息。
　　if (navigator.geolocation){//如果getCurrentPosition()运行成功， //则向参数showPosition中规定的函数返回一个coordinates对象
　　　　navigator.geolocation.getCurrentPosition(showPosition);
　　}else{
　　　　x.innerHTML="地理位置浏览器支持";
　　}
}

function showPosition(position){  //showPosition() 函数获得并显示经度和纬度
　　x.innerHTML="纬度: " + position.coords.latitude + "<br />经度: " + position.coords.longitude;
　　x2.innerHTML= +position.coords.latitude +","+position.coords.longitude;
}
</script>

</html>